<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>专辑列表</title>
<link href="../../resources/css/jquery.datepicker.css" rel="stylesheet">
<script type="text/javascript" src="../../resources/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../../resources/js/jquery.form.js"></script>
<script type="text/javascript" src="../../resources/js/jquery.datepicker.js"></script>
<script type="text/javascript" src="../../resources/js/common.js"></script>
<script type="text/javascript" src="../../resources/js/bm/album.js"></script>
</head>
<body>
<div id="main">
<form id="paramForm">
	<table class="paramtab" align="center" cellpadding="5" cellspacing="0">
	<tr><td colspan="8" class="navbar">专辑列表</td></tr>
		<tr>
			<td align="right">专辑名称：</td><td><input type="text" name="aname" /></td>
			<td align="right">用户名：</td><td><input type="text" name="uname" /></td>
			<td align="right">创建时间：</td>
			<td ><input type="text" op="datepicker" name="createtime1" /></td>
			<td align="center">--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			<td><input type="text" op="datepicker" name="createtime2" /></td>
		</tr>
		<tr>
			<td align="right">标签：</td><td><input type="text" name="tag" /></td>
			<td align="right">专辑描述：</td><td><input type="text" name="description" /></td>
		</tr>
		<tr>
			    <td colspan="4" align="right"><input type="button"  class="button blue" value=" 查 询 " onclick="search('datatbody','datathead')" />&nbsp;&nbsp;&nbsp;</td>
				<td colspan="4">&nbsp;&nbsp;&nbsp;<input type="reset" class="button blue"  value=" 重 置 " onclick="reset()" /></td>
		</tr>
	</table>
</form>
	<table class="datatab" id="datatab" align="center"  cellpadding="5" cellspacing="0">
	<thead id="datathead">
		<tr>
			<th class="navbar" name="front_pic"  bz="pic">封面</th>
			<th class="navbar" name="aname" bz="title">专辑名称</th>
			<th class="navbar" name="uname">用户名</th>
			<th class="navbar" name="nickname">用户昵称</th>
			<th class="navbar" name="createtime">创建时间</th>
			<th class="navbar" name="lastmodifytime">最后操作时间</th>
			<th class="navbar" name="oprate">操作</th>
		</tr>
		</thead>
		<tbody id="datatbody" ></tbody>
		<tfoot>
		<tr>
			<td colspan="8">
				<div class="pagebar" bar="pagebar"></div>
			</td>
		</tr>
		</tfoot>
	</table>
</div>
<!-- ---------------------------------------详情------------------------------------------ -->
<table id="detail" width="400px;"  cellpadding="5" cellspacing="0" >
		<tr>
		<td class="navbar" colspan="2" style="height:25px;"><div id="mtitle">专辑信息详情</div></td>
		</tr>
		<tr>
			<td align="right">封面：</td>
			<td><img id="front_pic"  width="80px" height="80px" />
			</td>
		</tr>
		<tr>
			<td align="right">用户名：</td>
			<td><text id="uname"></text></td>
		</tr>
		<tr>
			<td align="right">专辑名称：</td>
			<td><text id="aname"></text></td>
		</tr>
		<tr>
			<td align="right">标签：</td>
			<td><text id="tag"></text></td>
		</tr>
		<tr>
			<td align="right">描述：</td>
			<td><text id="description"></text></td>
		</tr>
		<tr>
			<td align="right">创建时间：</td>
			<td><text id="createtime"></text></td>
		</tr>
		<tr>
			<td align="right">最后修改时间：</td>
			<td><text id="lastmodifytime"></text></td>
		</tr>
		<tr>
			<td colspan="2" align="center" class="navbar" style="border-top: 1px solid #DDDDDD;" >
				<input type="button" class = "button blue"  value=" 关 闭 " id="back"/>
			</td>
		</tr>
	</table>
<!-- ----------------------------------修改------------------------------------- -->	
	<table id="update" width="400px;"  cellpadding="5" cellspacing="0" >
		<tr>
		<td class="navbar" colspan="2" style="height:25px;"><div id="mtitle">专辑信息修改</div></td>
		</tr>
		<tr>
			<td align="right">专辑封面：</td>
			<td><img id="front_pic"  width="80px" height="80px" /><br/>
				<form id="fileupload" method="post">
					<input type="file" name="file"  />
				</form>
			</td>
		</tr>
		<tr>
			<td align="right">用户名：</td>
			<td><input type="text" id="uname" disabled="disabled"  /></td>
		</tr>
		<tr>
			<td align="right">专辑名称：</td>
			<td><input type="text" id="aname" /></td>
		</tr>
		<tr>
			<td align="right">标签：</td>
			<td><input type="text" id="tag" /></td>
		</tr>
		<tr>
			<td align="right">专辑描述：</td>
			<td><textarea id="description"></textarea></td>
		</tr>
		<tr>
			<td align="right">创建时间：</td>
			<td><input type="text"  disabled="disabled" id="createtime" /></td>
		</tr>
		<tr>
			<td align="right">最后修改时间：</td>
			<td><input type="text"  disabled="disabled" id="lastmodifytime" /></text></td>
		</tr>
		<tr>
			<td colspan="2" align="center" class="navbar" style="border-top: 1px solid #DDDDDD;" >
				<input type="button" class = "button blue"  value=" 保 存 " id="save"/>&nbsp;&nbsp;&nbsp;
				<input type="button" class = "button blue"  value=" 返 回 " id="back" />
			</td>
		</tr>
	</table>
	
</body>
</html>